body,header,footer,section,ul,ol,li,input,label,select,table,thead,tr,td,p,form,button,dl,dt,dd,div,span,strong,small,span{ 
	margin:0px; 
	padding:0px; 
	list-style:none;
}
*{ box-sizing:border-box; }
.price{
	color: #f87839;
	font-size: 18px;
	line-height: 1.8;
}
.price strong{ 
	font-weight: normal; 
	font-size:24px;
}

#main{width: 100%;}
.container{
	width: 1000px; 
}
.box{ width: 100%; padding: 25px 0;}
.box.box01{ background: #fff url(../images/shading.png) repeat left top;}
.box.box02{ background: #2c353e url(../images/shading.png) repeat left top;}
.box.box03{ background: #fff;}
.box .title{
	width: 100%;
	height: 40px;
	border-bottom: 1px #14b1f3 solid;
	overflow: hidden;
}
.box .title span{ 
	display: inline-block; 
	width: 124px;
	height: 40px;
	padding-left: 50px;
	border: 1px #14b1f3 solid;
	border-bottom: none;
	font-size: 20px;
	line-height: 40px;
	color: #1cb3f3;
	white-space: nowrap;
	cursor: default;
}
.box .title .icon-theme{ 
	background: url(../images/icon_theme.png) no-repeat left center;
	background-position: 8px 50%;
}
.box .title2{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	color: #242424;
	font-size: 22px;
	border-bottom:1px #c2c2c2 solid;
}
.box .title2 .tabs{
	display: block;
	position: absolute;
	left: 285px;
	top: 0;
}
.box .tabs li{
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	color: #14b1f3;
	padding: 0 40px;
	cursor: pointer;
	background:#fff;
	border-bottom: 1px #c2c2c2 solid;
 }
.box .tabs li:hover,.box .tabs li.active{
	color: #f87839;
	border:1px #c2c2c2 solid;
	border-bottom: none; 
}

/**index prolist**/
/*************************************************************************************/
.proimgbox{width:100%;}
.proimgbox img{
	display:block; 
	width:100%;
}
.proimgbox .l-bimg,.proimgbox .r-bimg,.proimgbox .r-simg{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #e5e5e5;
}
.proimgbox .l-bimg{
	width:383px;
	height: 500px;
}
.proimgbox .l-bimg img{
	display: block;
	width: 100%;
	height: 100%;
}
.proimgbox .r-bimg{
	width: 600px;
	height: 250px;
	margin-left: 17px;
}
.proimgbox .r-simg{
	width: 291px;
	height: 233px;
	margin-left: 17px;
	margin-top: 17px;
}
.proimgbox .menulist{
	display: block;
	position:absolute; 
	bottom:79px; 
	right:0; 
	color:#fff;
	width: 280px;
}
.proimgbox .menulist li{
	display: block;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	margin-top: 12px;
	border-left:2px #f87839 solid; 
}
.proimgbox .menulist li .txtbox{position: static; width: 100%;}
.proimgbox .txtbox{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
	background:rgba(0,0,0,.6);
	padding: 4px 10px;
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
}
.proimgbox .txtbox p{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.proimgbox .txtbox .price{
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 0;
	color: #f87839;
	font-size: 18px;
	line-height: 1.8;
}
.proimgbox .txtbox .price strong{ 
	font-weight: normal; 
	font-size:24px;
}
.proimgbox .r-bimg .txtbox{ width: 400px;}
.proimgbox .r-simg .txtbox{ width: 250px;}

/**prolist**/
.prolist{width: 100%;}
.prolist li{
	display: block;
	float: left;
	width: 315px;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	overflow: hidden;
	margin-right: 27px;
}
.prolist li:nth-child(3n){margin-right: 0;}
.prolist .timg{
	display: block;
	width: 315px;
	height: 230px;
	position: relative;
	top: 0;
	left: 0;
	background: #e5e5e5;
}
.prolist .timg .tt-box{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}
.prolist .tt-box .tt01{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 1;
	font-weight: bold;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.prolist .listbox{padding:0 5px;}
.prolist .listbox .txtlist{
	width: 100%;
	height: 75px;
	padding: 13px 0;
	font-size: 16px;
	line-height: 1.4;
	border-top: 1px #b7b7b7 solid;
}
.prolist .listbox .txtlist:first-child{border-top: none;}
.prolist .listbox .price{ font-size: 14px; line-height: 1.6} 
.prolist .listbox .price strong{ font-size: 20px;}
.prolist .listbox .l-icon{
	display: block;
	width: 68px;
	height: 64px;
	margin-right: 10px;
	text-align: center;
}
.prolist .listbox .l-icon.icon-ship{
	background: url(../image/icon_ship.png) no-repeat center; 
	background-size: 64px 64px;
}
.prolist .listbox .l-icon.icon-ball{
	background: url(../image/icon_ball.png) no-repeat center; 
	background-size: 64px 64px;
}
.prolist .listbox .l-icon.icon-flight{
	background: url(../image/icon_flight.png) no-repeat center; 
	background-size: 64px 64px;
}
.prolist .listbox .r-box{
	display: block;
	width: 226px;
}
.prolist .listbox .p-tt{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/**dtprobox**/
.dtprobox{width: 100%;}
.dtprobox .sublist{width: 100%;}
.dtprobox .sublist li{
	display: block;
	float: left;
	width: 237px;
	margin-right: 17px;
	margin-bottom: 17px;
	text-align: center;
}
.dtprobox .sublist li:nth-child(4n){margin-right: 0;}
.sublist .img{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 237px;
	height: 158px;
	overflow: hidden;
	background: #e5e5e5;
}
.txt-spanbox .txt-span{
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	height: 24px;
	padding: 0 4px;
	background: #b1b1b1;
	font-size: 14px;
	color: #363636;
	line-height: 24px;
	text-align: center;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
}
.txt-spanbox .txt-span.bg01{background: #f87839; color: #fff;}
.txt-spanbox .txt-span.bg02{background: #14b1f3; color: #fff;}
.txt-spanbox .txt-span.bg03{background: #464646; color: #fff;}
.txt-spanbox .txt-span:nth-child(2){top: 44px;}
.txt-spanbox .txt-span:nth-child(3){top: 78px;}
.txt-spanbox .txt-span:nth-child(4){top: 112px;}
.txt-spanbox .txt-span:nth-child(5){top: 146px;}

/*sublist*/
.sublist .p01{
	padding: 0 10px;
	margin-top: 8px;
	color: #14b1f3;
	font-size: 18px;
	line-height: 1.6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sublist .p02{
	padding: 0 10px;
	color: #c2c2c2;
	font-size: 16px;
	line-height: 1.6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sublist .price{ font-weight: bold; font-size: 24px;}


.menustyle{width: 100%; }
.menustyle .tt01{
	display: inline-block;
	line-height: 44px;
}
.menustyle label{display: inline-block; margin-right: 35px;  vertical-align: middle;}
.menustyle .imgstyle{
	height: 44px;
	width: auto;
	vertical-align: middle;
}